AngularJS 常用指令演示

------------------------------

ng-option演示(最简单的用法)

------------------------------

ng-options的写法

label for value in array(city for city in Cities)

欢迎来到{{mycity1}}

你会发现,上面的option中的text都是对象,这也很容易理解,因为cities数组的每一项都是一个对象,绑定的时候将以对象直接绑定上。 那么我们如何只让它显示name属性呢?

------------------------------

直接点出属性即可。再查看下dom数。

label for value in array(city.name for city in Cities)

欢迎来到{{mycity2}}

------------------------------

在看一个分组的例子,为cities数组加上group属性,并按照group分组:

ng-options的写法(分组)

select as label group by group for value in array

欢迎来到{{mycities}}

这里已经指定了ng-model,获取选中的值,也非常方便了。